<template>
    <div>
        <!-- 对照表维护 -->
        <el-card class="box-card" style="margin-right:15px;">
            <el-row :gutter="24" style="margin: 10px;">
                <el-col :span="8">
                    <el-card shadow="always" style="background: #f6f4ff;">
                        <!-- 使用部门 -->
                        <a class="pointer" @click="showUseDepartment">使用部门</a>
                    </el-card>
                </el-col>
                <el-col :span="8">
                    <el-card shadow="always" style="background: #f6f4ff;">
                        <!-- 计量器具 -->
                        <a class="pointer" @click="showMeasureTool">计量器具</a>
                    </el-card>
                </el-col>
                <el-col :span="8">
                    <el-card shadow="always" style="background: #f6f4ff;">
                        <!-- 管理状态 -->
                        <a class="pointer" @click="showManageStatus">管理状态</a>
                    </el-card>
                </el-col>
            </el-row>
            <el-row :gutter="24" style="margin: 10px;">
                <el-col :span="8">
                    <el-card shadow="always" style="background: #f6f4ff;">
                        <!-- 检定部门 -->
                        <a class="pointer" @click="showCheckDepartment">检定部门</a>
                    </el-card>
                </el-col>
                <el-col :span="8">
                    <el-card shadow="always" style="background: #f6f4ff;">
                        <!-- 检定周期 -->
                        <a class="pointer" @click="showCheckPeriod">检定周期</a>
                    </el-card>
                </el-col>
                <el-col :span="8">
                    <el-card shadow="always" style="background: #f6f4ff;">
                        <!-- 确认形式 -->
                        <a class="pointer" @click="showAffirmForm">确认形式</a>
                    </el-card>
                </el-col>
            </el-row>
            <el-row :gutter="24" style="margin: 10px;">
                <el-col :span="8">
                    <el-card shadow="always" style="background: #f6f4ff;">
                        <!-- 生产厂家 -->
                        <a class="pointer" @click="showManufacturer">生产厂家</a>
                    </el-card>
                </el-col>
            </el-row>
        </el-card>
        <!-- 使用部门对照表 -->
        <use-department :show.sync="useDepartment"></use-department>
        <!-- 计量器具对照表 -->
        <measure-tool :show.sync="measureTool"></measure-tool>
        <!-- 管理状态对照表 -->
        <manage-status :show.sync="measureStatus"></manage-status>
        <!-- 检定部门对照表 -->
        <check-department :show.sync="checkDepartment"></check-department>
        <!-- 检定周期对照表 -->
        <check-period :show.sync="checkPeriod"></check-period>
        <!-- 确定形式对照表 -->
        <affirm-form :show.sync="affirmForm"></affirm-form>
        <!-- 生产厂家对照表 -->
        <manufacturer :show.sync="manufacturer"></manufacturer>
    </div>
</template>

<script>
    import UseDepartment from 'dialog/standing-book-manage/contrast-table-maintain/use-department-table';
    import MeasureTool from 'dialog/standing-book-manage/contrast-table-maintain/measure-tool-table';
    import ManageStatus from 'dialog/standing-book-manage/contrast-table-maintain/manage-status-table';
    import CheckDepartment from 'dialog/standing-book-manage/contrast-table-maintain/check-department-table';
    import CheckPeriod from 'dialog/standing-book-manage/contrast-table-maintain/check-period-table';
    import AffirmForm from 'dialog/standing-book-manage/contrast-table-maintain/affirm-form-table';
    import Manufacturer from 'dialog/standing-book-manage/contrast-table-maintain/manufacturer-table';
    export default {
        name: 'ConstrastTableMaintain',
        components: {
            'use-department': UseDepartment,
            'measure-tool': MeasureTool,
            'manage-status': ManageStatus,
            'check-department': CheckDepartment,
            'check-period': CheckPeriod,
            'affirm-form': AffirmForm,
            'manufacturer': Manufacturer,
        },
        data(){
            return {
                useDepartment: false,
                measureTool: false,
                measureStatus: false,
                checkDepartment: false,
                checkPeriod: false,
                affirmForm: false,
                manufacturer: false
            }
        },
        methods: {
            // 使用部门对照表
            showUseDepartment(){
                this.useDepartment = true;
            },
            // 计量器具对照表
            showMeasureTool(){
                this.measureTool = true;
            },
            // 管理状态对照表
            showManageStatus(){
                this.measureStatus = true;
            },
            // 检定部门对照表
            showCheckDepartment(){
                this.checkDepartment = true;
            },
            // 检定周期对照表
            showCheckPeriod(){
                this.checkPeriod = true;
            },
            // 确定形式对照表
            showAffirmForm(){
                this.affirmForm = true;
            },
            // 生产厂家对照表
            showManufacturer(){
                this.manufacturer = true;
            }
        }
    }
</script>

<style scoped>
    .pointer{
        cursor: pointer;
    }
</style>

